<template>
<div class="main">
    <div v-if="checkPermission(['admin'])" v-loading="loading">
    <!-- <component :is="show"></component> -->
    <lepao-settings v-if="runStatus === 1" @status="getStatus" :runTimestamp="runTimestamp" ></lepao-settings>
    <lepao-simulation-official v-else-if="runStatus === 0" @status="getStatus" ></lepao-simulation-official>
    </div>
</div>
</template>

<script>
import checkPermission from '@/utils/permission' // 权限判断函数
import LepaoSettings from './components/LepaoSettings.vue';
import LepaoSimulationOfficial from './components/LepaoSimulationOfficial.vue';
import { lepaoRunStatus } from "@/api/run";
//这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）
//例如：import 《组件名称》 from '《组件路径》'

export default {
  //import引入的组件需要注入到对象中才能使用
  components: {LepaoSettings, LepaoSimulationOfficial},
  props: {},
  data() {
    //这里存放数据
    return {
      loading: true,
      //是否已经开始跑步了,0没有开始，1开始了
      runStatus: 2,
      runTimestamp: "",
    };
  },
  //计算属性 类似于data概念
  computed: {},
  //监控data中的数据变化
  watch: {},
  //方法集合
  methods: {
    checkPermission,
    getStatus(){
      lepaoRunStatus().
      then((data) => {
        console.log(data)
        this.runStatus = data.submitStatus;
        this.runTimestamp = data.submitTimestamp;
        this.loading = false;
      }).catch((err) => {
        this.$tips(err.message,"error");
      });
    }
  },
  //声明周期 - 创建完成（可以访问当前this实例）
  created() {
    this.getStatus();
  },
  //声明周期 - 挂载完成（可以访问DOM元素）
  mounted() {},
  beforeCreate() {}, //生命周期 - 创建之前
  beforeMount() {}, //生命周期 - 挂载之前
  beforeUpdate() {}, //生命周期 - 更新之前
  updated() {}, //生命周期 - 更新之后
  beforeDestroy() {}, //生命周期 - 销毁之前
  destroyed() {}, //生命周期 - 销毁完成
  activated() {}, //如果页面有keep-alive缓存功能，这个函数会触发
};
</script>
<style scoped>
.main{
    margin: 20px;
}
</style>